<template>
  <page-view class="page-view" :title="false">
    <div slot="headerContent">
      <a-breadcrumb class="s-breadcrumb">
        <a-breadcrumb-item>考勤管理</a-breadcrumb-item>
        <a-breadcrumb-item><nuxt-link to="/attendance/AttendanceSettingIndex">考勤配置</nuxt-link></a-breadcrumb-item>
      </a-breadcrumb>
    </div>

    <!-- 查询和其他操作 -->
    <a-card class="s-card">
      <div class="modules-content">
        <div class="search-content" style="justify-content: space-between;">
          <a-radio-group v-model="value">
            <a-radio-button value="AttendancePlanIndex">班次管理</a-radio-button>
            <a-radio-button value="AttendanceScheduleIndex">设置日常考勤时间</a-radio-button>
            <a-radio-button value="AttendanceSpecialScheduleIndex">临时作息调整</a-radio-button>
            <a-radio-button value="AttendanceApprovalSettingIndex">考勤审批设置</a-radio-button>
          </a-radio-group>
        </div>
        <div class="modules-content">
          <AttendancePlanIndex v-if="value === 'AttendancePlanIndex'" />
          <AttendanceScheduleIndex v-if="value === 'AttendanceScheduleIndex'" />
          <AttendanceSpecialScheduleIndex v-if="value === 'AttendanceSpecialScheduleIndex'" />
          <AttendanceApprovalSettingIndex v-if="value === 'AttendanceApprovalSettingIndex'" />
        </div>
      </div>
    </a-card>
  </page-view>
</template>
<style>
</style>
<script>
import { STable, PageView } from '@/components'
import AttendancePlanIndex from '@/pages/attendance/modules/AttendancePlanIndex'
import AttendanceScheduleIndex from '@/pages/attendance/modules/AttendanceScheduleIndex'
import AttendanceSpecialScheduleIndex from '@/pages/attendance/modules/AttendanceSpecialScheduleIndex'
import AttendanceApprovalSettingIndex from '@/pages/attendance/modules/AttendanceApprovalSettingIndex'
export default {
  name: 'AttendanceSettingIndex',
  components: {
    STable,
    PageView,
    AttendancePlanIndex,
    AttendanceScheduleIndex,
    AttendanceSpecialScheduleIndex,
    AttendanceApprovalSettingIndex
  },
  data () {
    return {
      value: 'AttendancePlanIndex'
    }
  }
}
</script>
